const box = document.querySelector('.box')
const inner = document.querySelector('.inner')

console.log('Width:', inner.offsetWidth);
console.log('Height:', inner.offsetHeight);

console.log('Client Width:', inner.clientWidth);
console.log('Client Height:', inner.clientHeight);

console.log('Scroll Width:', inner.scrollWidth);
console.log('Scroll Height:', inner.scrollHeight);

console.log('Offset Top:', inner.offsetTop);
console.log('Offset Left:', inner.offsetLeft);